<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="../轮播图/styles/slider.css">
    <link rel="stylesheet" href="./css/product.css">
    <script src="./lib/slider/jquery-1.11.0.js"></script>
    <script>
        $(function(){
            $(".books_right>ul>li").mouseenter(function(){
                //鼠标移入 隐藏标题  显示盒子
                $(this).find("h3").addClass("title_hide")
                $(this).find("div").addClass("books_show")

                //其他li的 h3 删除 类名
                $(this).siblings().find("h3").removeClass("title_hide")
                //其他li的 div 删除类名
                $(this).siblings().find("div").removeClass("books_show")
            })
      })
    </script>
</head>
<body>
     <!-- 头部样式 -->
     <div class="header">
        <div class="header_2">
            <div class="header_1 wrapper clearfix">
                <img src="./imgs/logo.jpg" alt="" class="fl">
                <span class="fl">legochina.cn</span>
                <div class="fl">欢迎光临
                    <span>乐购</span>
                    ,请&nbsp;登陆\
                    <span><a href="./register.html">注册</a></span>
                </div>
            </div>
        </div>
        <div class="header_3 wrapper clearfix">
                <form action="#">
                    <input type="text" class="txt">
                    <input type="submit" value=" " class="sub">
                </form>
                <div class="header_4 fl">
                    <a href="./shopping.html" class="header_5">
                        <i class="fl"></i>
                        购物车
                    </a>
                    <a class="header_6">我的订单</a>
                </div>
                <div class="header_7 fl">
                    <ul class="clearfix">
                        <li><a href="./detailProduction.html">图书</a></li>
                        <li><a href="#">电子书</a></li>
                        <li><a href="#">原创文学</a></li>
                        <li><a href="#">服装</a></li>
                        <li><a href="#">运动户外</a></li>
                        <li><a href="#">孕婴童</a></li>
                        <li><a href="#">家居</a></li>
                        <li><a href="#">创意文具</a></li>
                        <li><a href="#">地方特产</a></li>
                        <li><a href="#">海外购</a></li>
                        <li><a href="#">电器城</a></li>
                    </ul>
                    
                </div>
            </div>
    </div>
    <!-- 轮播图区域样式 -->
    <div class="slideshow wrapper">
      <!--轮播开始-->
      <div class="pptbox fl clearfix" id="bannerInner">
       <!--轮播的内容-->
       <ul class="innerwrapper">
         <li>
           <img src="../轮播图/images/banner1.jpg" />
         </li>
         <li>
           <a href="#"></a><img src="./imgs/banner1.jpg" /></a>
         </li>
         <li>
           <a href="#"><img src="./imgs/banner2.jpg" /></a>
         </li>
         <li>
           <a href="#"><img src="./imgs/banner3.jpg" /></a>
         </li>
         <li>
           <a href="#"><img src="./imgs/banner4.jpg" /></a>
         </li>
         <li>
           <a href="#"><img src="./imgs/banner5.jpg" /></a>
         </li>
       </ul>
       <!--数字控制器-->
       <ul class="controls">
         <li class="current">1</li>
         <li>2</li>
         <li>3</li>
         <li>4</li>
         <li>5</li>
         <li>6</li>
       </ul>
       <!--按钮控制器-->
       <span class="btnleft"></span>
       <span class="btnright"></span>
  </div>
  <!--轮播结束-->
  <script src="../轮播图/lib/slider/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
  <!--插件库-->
  <script src="../轮播图/lib/slider/slider.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
    //主轮播图
    $("#bannerInner").tyslide({
      boxh: 425,//盒子的高度
      w: 1000,//盒子的宽度
      h: 400,//图片的高度
      isShow: true,//是否显示控制器
      isShowBtn: true,//是否显示左右按钮
      controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
      controlsW: 20,//控制按钮宽度
      controlsH: 20,//控制按钮高度
      radius: 10,//控制按钮圆角度数
      controlsColor: "#d7d7d7",//普通控制按钮的颜色
      controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
      isShowNum: true //是否显示数字
    });
  </script>
  <div class="books_right fl clearfix" id="books">
    <h2>新书畅销榜</h2>
    <ul>
        <li>
            <span>1</span>
            <h3 class="title_hide">哈哈哈哈哈哈哈啊哈哈</h3>
            <div class="clearfix books_show">
                <img src="./imgs/index08_05.jpg" alt="" class="fl">
                <p class="fl">
                    从你的世界路过
                </p>
            </div>
        </li>
        <script>
          for(let i=1;i<6;i++){
           document.write(`
           <li>
               <span>${i+1}</span>
               <h3 class="">哈哈哈哈哈哈哈啊哈哈</h3>
               <div class="clearfix">
                   <img src="./imgs/index08_05.jpg" alt="" class="fl">
                   <p class="fl">
                       从你的世界路过
                   </p>
               </div>
           </li>
           
           `)
          }
      </script>
   </ul>
  </div>
    <img src="./imgs/guanggao.jpg" alt="">
    </div>
    <div class="books wrapper clearfix">
        <h3>乐购·图书折扣区</h3>
        <div class="books_1"></div>
        <ul>
            <li>
                <p>
                  <img src="./imgs/书籍/22935553-1_l.jpg" alt="">
                </p>
                <p>
                  <img src="./imgs/促销标签1.png" alt="">
                </p>
                <p>
                    白夜行  东野圭吾
                </p>
                <p>
                    推荐：<img src="./imgs/XX.png" alt="">
                </p>
                <p>
                    ￥:38
                    <span>￥:58</span>
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22935553-1_l.jpg" alt="">
                </p>
                <p>
                  <img src="./imgs/促销标签1.png" alt="">
                </p>
                <p>
                    白夜行  东野圭吾
                </p>
                <p>
                    推荐：<img src="./imgs/XX.png" alt="">
                </p>
                <p>
                    ￥:38
                    
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22935553-1_l.jpg" alt="">
                </p>
                <p>
                  <img src="./imgs/促销标签1.png" alt="">
                </p>
                <p>
                    白夜行  东野圭吾
                </p>
                <p>
                    推荐：<img src="./imgs/XX.png" alt="">
                </p>
                <p>
                    ￥:38
                    
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22935553-1_l.jpg" alt="">
                </p>
                <p>
                  <img src="./imgs/促销标签1.png" alt="">
                </p>
                <p>
                    白夜行  东野圭吾
                </p>
                <p>
                    推荐：<img src="./imgs/XX.png" alt="">
                </p>
                <p>
                    ￥:38
                    
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22935553-1_l.jpg" alt="">
                </p>
                <p>
                  <img src="./imgs/促销标签1.png" alt="">
                </p>
                <p>
                    白夜行  东野圭吾
                </p>
                <p>
                    推荐：<img src="./imgs/XX.png" alt="">
                </p>
                <p>
                    ￥:38
                    
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22788959-1_l.jpg" alt="">
                </p>
                <p>
                  <img src="./imgs/促销标签2.png" alt="">
                </p>
                <p>
                    偷影子的人 马克·李维
                </p>
                <p>
                    推荐：<img src="./imgs/XX.png" alt="">
                </p>
                <p>
                    ￥:30
                    <span>￥:46</span>
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22788959-1_l.jpg" alt="">
                </p>
                <p>
                  <img src="./imgs/促销标签2.png" alt="">
                </p>
                <p>
                    偷影子的人 马克·李维
                </p>
                <p>
                    推荐：<img src="./imgs/XX.png" alt="">
                </p>
                <p>
                    ￥:30
                    
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22788959-1_l.jpg" alt="">
                </p>
                <p>
                  <img src="./imgs/促销标签2.png" alt="">
                </p>
                <p>
                    偷影子的人 马克·李维
                </p>
                <p>
                    推荐：<img src="./imgs/XX.png" alt="">
                </p>
                <p>
                    ￥:30
                   
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22788959-1_l.jpg" alt="">
                </p>
                <p>
                  <img src="./imgs/促销标签2.png" alt="">
                </p>
                <p>
                    偷影子的人 马克·李维
                </p>
                <p>
                    推荐：<img src="./imgs/XX.png" alt="">
                </p>
                <p>
                    ￥:30
                   
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22788959-1_l.jpg" alt="">
                </p>
                <p>
                  <img src="./imgs/促销标签2.png" alt="">
                </p>
                <p>
                    偷影子的人 马克·李维
                </p>
                <p>
                    推荐：<img src="./imgs/XX.png" alt="">
                </p>
                <p>
                    ￥:30
                    
                </p>
            </li>
        </ul>
    </div>
    <div class="pty wrapper clearfix">
        <h3>
            <span>新</span>
            书上架
        </h3>
        <ul class="fl clearfix">
            <li>
                <p>
                  <img src="./imgs/书籍/22928335-1_l.jpg" alt="">
                </p>
                <p>
                    查理 斯密斯
                </p>
                <p>
                    中国邮电出版社
                </p>
                <p>
                    ￥49
                    <s>￥79</s>
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22928335-1_l.jpg" alt="">
                </p>
                <p>
                    查理 斯密斯
                </p>
                <p>
                    中国邮电出版社
                </p>
                <p>
                    ￥49
                    <s>￥79</s>
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22928335-1_l.jpg" alt="">
                </p>
                <p>
                    查理 斯密斯
                </p>
                <p>
                    中国邮电出版社
                </p>
                <p>
                    ￥49
                    <s>￥79</s>
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22928335-1_l.jpg" alt="">
                </p>
                <p>
                    查理 斯密斯
                </p>
                <p>
                    中国邮电出版社
                </p>
                <p>
                    ￥49
                    <s>￥79</s>
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22928335-1_l.jpg" alt="">
                </p>
                <p>
                    查理 斯密斯
                </p>
                <p>
                    中国邮电出版社
                </p>
                <p>
                    ￥49
                    <s>￥79</s>
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22499729-1_l_5.jpg" alt="">
                </p>
                <p>
                    查理 斯密斯
                </p>
                <p>
                    中国邮电出版社
                </p>
                <p>
                    ￥49
                    <s>￥79</s>
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22499729-1_l_5.jpg" alt="">
                </p>
                <p>
                    查理 斯密斯
                </p>
                <p>
                    中国邮电出版社
                </p>
                <p>
                    ￥49
                    <s>￥79</s>
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22499729-1_l_5.jpg" alt="">
                </p>
                <p>
                    查理 斯密斯
                </p>
                <p>
                    中国邮电出版社
                </p>
                <p>
                    ￥49
                    <s>￥79</s>
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22499729-1_l_5.jpg" alt="">
                </p>
                <p>
                    查理 斯密斯
                </p>
                <p>
                    中国邮电出版社
                </p>
                <p>
                    ￥49
                    <s>￥79</s>
                </p>
            </li>
            <li>
                <p>
                  <img src="./imgs/书籍/22499729-1_l_5.jpg" alt="">
                </p>
                <p>
                    查理 斯密斯
                </p>
                <p>
                    中国邮电出版社
                </p>
                <p>
                    ￥49
                    <s>￥79</s>
                </p>
            </li>
        </ul>
        <div class="books_right fl clearfix">
            <h2>新书畅销榜</h2>
            <ul>
                <li>
                    <span>1</span>
                    <h3 class="title_hide">哈哈哈哈哈哈哈啊哈哈</h3>
                    <div class="clearfix books_show">
                        <img src="./imgs/index08_05.jpg" alt="" class="fl">
                        <p class="fl">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！
                            十年华语畅销小说，王家卫陈国富倾力推荐， 
                            1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
                <script>
                  for(let i=1;i<8;i++){
                   document.write(`
                   <li>
                       <span>${i+1}</span>
                       <h3 class="">哈哈哈哈哈哈哈啊哈哈</h3>
                       <div class="clearfix">
                           <img src="./imgs/index08_05.jpg" alt="" class="fl">
                           <p class="fl">
                               从你的世界路过
                               入选央视“2014中国好书”的80后作品！
                               十年华语畅销小说，王家卫陈国富倾力推荐， 
                               1500万次转发，超4亿次阅读
                           </p>
                       </div>
                   </li>
                   
                   `)
                  }
              </script>
           </ul>
          </div>
    </div>
    <div class="Exclusive_offers wrapper">
        <h3 class="clearfix">
            <span>独</span>
            家提供
            <div class="offers fr">
                <span class="active">货币金融</span>
                <span>社会文学</span>
                <span>科学技术</span>
            </div>
        </h3>
        <div class="slideshow wrapper">
            <!--轮播开始-->
            <div class="pptbox clearfix on">
             <!--轮播的内容-->
             <ul class="innerwrapper">
               <li>
                <ul class="Ef clearfix">
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                </ul>
               </li>
               <li>
                <ul class="Ef clearfix">
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                </ul>
               </li>
               <li>
                <ul class="Ef clearfix">
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                </ul>
               </li>
             </ul>
             <!--数字控制器-->
             <ul class="controls">
               <li class="current">1</li>
               <li>2</li>
               <li>3</li>
             </ul>
             <!--按钮控制器-->
             <span class="btnleft"></span>
             <span class="btnright"></span>
            </div>
            <div class="pptbox clearfix">
            <!--轮播的内容-->
            <ul class="innerwrapper">
              <li>
               <ul class="Ef clearfix">
                   <li>
                       <p>
                           <img src="./imgs/书籍/pro-demo.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/pro-demo.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/pro-demo.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/pro-demo.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/pro-demo.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/pro-demo.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/pro-demo.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/pro-demo.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/pro-demo.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/pro-demo.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/pro-demo.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/pro-demo.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
               </ul>
              </li>
              <li>
               <ul class="Ef clearfix">
                   <li>
                       <p>
                           <img src="./imgs/书籍/22790777-1_l_1.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22790777-1_l_1.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22790777-1_l_1.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22790777-1_l_1.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22790777-1_l_1.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22790777-1_l_1.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22790777-1_l_1.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22790777-1_l_1.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22790777-1_l_1.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22790777-1_l_1.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22790777-1_l_1.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22790777-1_l_1.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
               </ul>
              </li>
              <li>
               <ul class="Ef clearfix">
                   <li>
                       <p>
                           <img src="./imgs/书籍/22913031-1_l.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22913031-1_l.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22913031-1_l.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22913031-1_l.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22913031-1_l.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22913031-1_l.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22913031-1_l.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22913031-1_l.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22913031-1_l.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22913031-1_l.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22913031-1_l.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
                   <li>
                       <p>
                           <img src="./imgs/书籍/22913031-1_l.jpg" alt="">
                       </p>
                       <p>
                           查理 史密斯
                       </p>
                       <p>
                           中国邮电出版社
                       </p>
                       <p>
                           ￥49
                           <s>￥79</s>
                       </p>
                   </li>
               </ul>
              </li>
            </ul>
            <!--数字控制器-->
            <ul class="controls">
              <li class="current">1</li>
              <li>2</li>
              <li>3</li>
            </ul>
            <!--按钮控制器-->
            <span class="btnleft"></span>
            <span class="btnright"></span>
            </div>
            <div class="pptbox clearfix">
        <!--轮播的内容-->
        <ul class="innerwrapper">
          <li>
           <ul class="Ef clearfix">
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
           </ul>
          </li>
          <li>
           <ul class="Ef clearfix">
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
           </ul>
          </li>
          <li>
           <ul class="Ef clearfix">
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
               <li>
                   <p>
                       <img src="./imgs/书籍/pro-demo.jpg" alt="">
                   </p>
                   <p>
                       查理 史密斯
                   </p>
                   <p>
                       中国邮电出版社
                   </p>
                   <p>
                       ￥49
                       <s>￥79</s>
                   </p>
               </li>
           </ul>
          </li>
        </ul>
        <!--数字控制器-->
        <ul class="controls">
          <li class="current">1</li>
          <li>2</li>
          <li>3</li>
        </ul>
        <!--按钮控制器-->
        <span class="btnleft"></span>
        <span class="btnright"></span>
            </div>
        <!--轮播结束-->
        <script src="../轮播图/lib/slider/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
        <!--插件库-->
        <script src="../轮播图/lib/slider/slider.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
          //主轮播图
          $("#bannerInner").tyslide({
            boxh:420,//盒子的高度
            w: 1000,//盒子的宽度
            h: 400,//图片的高度
            isShow: true,//是否显示控制器
            isShowBtn: true,//是否显示左右按钮
            controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
            controlsW: 20,//控制按钮宽度
            controlsH: 20,//控制按钮高度
            radius: 10,//控制按钮圆角度数
            controlsColor: "#d7d7d7",//普通控制按钮的颜色
            controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
            isShowNum: true //是否显示数字
          });

          $(".Exclusive_offers .pptbox").tyslide({
            boxh:500,//盒子的高度
            w: 1200,//盒子的宽度
            h: 480,//图片的高度
            isShow: true,//是否显示控制器
            isShowBtn: true,//是否显示左右按钮
            controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
            controlsW: 20,//控制按钮宽度
            controlsH: 20,//控制按钮高度
            radius: 10,//控制按钮圆角度数
            controlsColor: "#d7d7d7",//普通控制按钮的颜色
            controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
            isShowNum: true //是否显示数字
          });
          $(".Exclusive_offers .offers span").mouseenter(function(){
            $(this).addClass("active").siblings().removeClass("active");
            let index=$(this).index()
            $(".Exclusive_offers .pptbox").eq(index).addClass("on").siblings().removeClass("on")
  })
        </script>
        </div>
    </div>
    <div class="Hot_Sale wrapper">
        <h3>
            <span>猜</span>你喜欢
            <div class="changeAnother fr">
                <img src="./imgs/02-产品列表页面_04.png" alt="">
                <span class="ffSimHei fs18px" id="change">换一批</span>
            </div>
        </h3>
        <div class="Hot_sale">
            <div class="hot_sale">
                <ul class="HS clearfix">
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                </ul>
                <ul class="HS clearfix">
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                </ul>
                <ul class="HS clearfix">
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                    <li>
                        <p>
                            <img src="./imgs/书籍/pro-demo.jpg" alt="">
                        </p>
                        <p>
                            查理 史密斯
                        </p>
                        <p>
                            中国邮电出版社
                        </p>
                        <p>
                            ￥49
                            <s>￥79</s>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
        <script>
            let num=0;
  $(".changeAnother").click(function(){
      num++;
      /*
      点击 1次  top=-570 
      点击 2次  top=-1152
      点击 3次  top=0

      利用记数器 记录点击次数

      num*-570
      如果 num == 3  就 num 重置为0
      
      
      */ 
      if(num==3){
        num=0;
      }
      let target=num*-445;
      
      $(".hot_sale").animate({"top":target},500)
  })
        </script>
    </div>
    <ul class="choiceness wrapper clearfix">
        <li>
            <img src="./imgs/书籍/2016080314240628345.jpg" alt="">
        </li>
        <li>
            <img src="./imgs/书籍/2016080314240628345.jpg" alt="">
        </li>
        <li>
            <img src="./imgs/书籍/2016080314240628345.jpg" alt="">
        </li>
        <li>
            <img src="./imgs/书籍/2016080314240628345.jpg" alt="">
        </li>
        <li>
            <img src="./imgs/书籍/2016080314240628345.jpg" alt="">
        </li>
        <li>
            <img src="./imgs/书籍/2016080314240628345.jpg" alt="">
        </li>
    </ul>
    <p class="wrapper"><img src="./imgs/guanggao.jpg" alt=""></p>
    <div class="footer">
        <div class="footer_1">
         <ul class="clearfix">
           <li>
             <a href="#"><img src="./imgs/222_11.png" alt=""></a>
           </li>
           <li>
            <a href="#"><img src="./imgs/222_13.png" alt=""></a>
           </li>
           <li>
            <a href="#"><img src="./imgs/222_15.png" alt=""></a>
           </li>
           <li>
            <a href="#"><img src="./imgs/222_17.png" alt=""></a>
           </li>
         </ul>
        </div>
        <div class="footer_2  clearfix">
            <div class="footer_3">
             <ul class="fl">
               <li>购物指南</li>
               <li>购物流程</li>
               <li>发票制度</li>
               <li>账户管理</li>
               <li>会员优惠</li>
             </ul>
             <ul class="fl">
              <li>支付方式</li>
              <li>货到付款</li>
              <li>网上支付</li>
              <li>礼品卡支付</li>
              <li>银行转帐</li>
            </ul>
            <ul class="fl">
              <li>订单服务</li>
              <li>订单配送查询</li>
              <li>订单状态说明</li>
              <li>自助取消订单</li>
              <li>自助修改订单</li>
            </ul>
            <ul class="fl">
              <li>退换货</li>
              <li>退换货政策</li>
              <li>自助申请退换货</li>
              <li>退换货进度查询</li>
              <li>退款方式和时间</li>
            </ul>
            <ul class="fl">
              <li>商家服务</li>
              <li>商家中心</li>
              <li>运营服务</li>
              <li>加入尾品汇</li>
            </ul>
            </div>
            <img src="./imgs/logo_00.png" alt="" class="footer_4">
        </div>
        <div class="footer_5">
            <ul class="clearfix">
              <li>公司简介</li>
              <li>Investor Relations</li>
              <li>网站联盟</li>
              <li>乐购招商</li>
              <li>机构销售</li>
              <li>手机乐购</li>
              <li>官方Blog</li>
              <li>热词搜索</li>
            </ul>
            <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
     </div>
    </body>
</html>